@import '~antd/dist/antd.less';
@font-size-base: 12px;
@layout-header-background: #404040;
@menu-dark-submenu-bg: #333;
@spacer: 1rem;

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.pb-s {
  padding-bottom: @spacer * 0.5;
}
.pb-m {
  padding-bottom: @spacer * 1;
}
.pb-l {
  padding-bottom: @spacer * 2;
}
.pa-s {
  padding: @spacer * 0.5;
}
.pa-m {
  padding: @spacer * 1;
}
.pa-l {
  padding: @spacer * 2;
}

.mr-s {
  margin-right: @spacer * 0.5;
}
.mr-m {
  margin-right: @spacer * 1;
}
.mr-l {
  margin-right: @spacer * 2;
}
.mb-s {
  margin-bottom: @spacer * 0.5;
}
.mb-m {
  margin-bottom: @spacer * 1;
}
.mb-l {
  margin-bottom: @spacer * 2;
}

.text {
  font-size: 1rem;
}
.text-2x {
  font-size: 2rem;
}
.text-3x {
  font-size: 3rem;
}
.text-4x {
  font-size: 4rem;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-danger,
.text-danger-hover a:hover {
  color: #f44455;
}
.text-dark,
.text-dark-hover a:hover {
  color: #2e3e4e;
}
.text-info,
.text-info-hover a:hover {
  color: #6887ff;
}
.text-success,
.text-success-hover a:hover {
  color: #6cc788;
}
.text-blue,
.text-blue-hover a:hover {
  color: #2196f3;
}
